@charset "UTF-8";
/**
 * Bar (Headers and Footers)
 * --------------------------------------------------
 */
.bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
    height: 44px;
    border-width: 0;
    border-style: solid;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #ddd;
    background-color: white;
    /* border-width: 1px will actually create 2 device pixels on retina */
    /* this nifty trick sets an actual 1px border on hi-res displays */
    background-size: 0; }
@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
    .bar {
        border: none;
        background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%);
        background-position: bottom;
        background-size: 100% 1px;
        background-repeat: no-repeat; } }
.bar.bar-clear {
    border: none;
    background: none;
    color: #fff; }
.bar.bar-clear .button {
    color: #fff; }
.bar.bar-clear .title {
    color: #fff; }
.bar.item-input-inset .item-input-wrapper {
    margin-top: -1px; }
.bar.item-input-inset .item-input-wrapper input {
    padding-left: 8px;
    width: 94%;
    height: 28px;
    background: transparent; }
.bar.bar-light {
    border-color: #ddd;
    background-color: white;
    background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%);
    color: #444; }
.bar.bar-light .title {
    color: #444; }
.bar.bar-light.bar-footer {
    background-image: linear-gradient(180deg, #ddd, #ddd 50%, transparent 50%); }
.bar.bar-stable {
    border-color: #b2b2b2;
    background-color: #f8f8f8;
    background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
    color: #444; }
.bar.bar-stable .title {
    color: #444; }
.bar.bar-stable.bar-footer {
    background-image: linear-gradient(180deg, #b2b2b2, #b2b2b2 50%, transparent 50%); }
.bar.bar-positive {
    border-color: #0c60ee;
    background-color: #387ef5;
    background-image: linear-gradient(0deg, #0c60ee, #0c60ee 50%, transparent 50%);
    color: #fff; }
.bar.bar-positive .title {
    color: #fff; }
.bar.bar-positive.bar-footer {
    background-image: linear-gradient(180deg, #0c60ee, #0c60ee 50%, transparent 50%); }
.bar.bar-calm {
    border-color: #0a9dc7;
    background-color: #11c1f3;
    background-image: linear-gradient(0deg, #0a9dc7, #0a9dc7 50%, transparent 50%);
    color: #fff; }
.bar.bar-calm .title {
    color: #fff; }
.bar.bar-calm.bar-footer {
    background-image: linear-gradient(180deg, #0a9dc7, #0a9dc7 50%, transparent 50%); }
.bar.bar-assertive {
    border-color: #e42112;
    background-color: #ef473a;
    background-image: linear-gradient(0deg, #e42112, #e42112 50%, transparent 50%);
    color: #fff; }
.bar.bar-assertive .title {
    color: #fff; }
.bar.bar-assertive.bar-footer {
    background-image: linear-gradient(180deg, #e42112, #e42112 50%, transparent 50%); }
.bar.bar-balanced {
    border-color: #28a54c;
    background-color: #33cd5f;
    background-image: linear-gradient(0deg, #28a54c, #28a54c 50%, transparent 50%);
    color: #fff; }
.bar.bar-balanced .title {
    color: #fff; }
.bar.bar-balanced.bar-footer {
    background-image: linear-gradient(180deg, #28a54c, #28a54c 50%, transparent 50%); }
.bar.bar-energized {
    border-color: #e6b500;
    background-color: #ffc900;
    background-image: linear-gradient(0deg, #e6b500, #e6b500 50%, transparent 50%);
    color: #fff; }
.bar.bar-energized .title {
    color: #fff; }
.bar.bar-energized.bar-footer {
    background-image: linear-gradient(180deg, #e6b500, #e6b500 50%, transparent 50%); }
.bar.bar-royal {
    border-color: #6b46e5;
    background-color: #886aea;
    background-image: linear-gradient(0deg, #6b46e5, #6b46e5 50%, transparent 50%);
    color: #fff; }
.bar.bar-royal .title {
    color: #fff; }
.bar.bar-royal.bar-footer {
    background-image: linear-gradient(180deg, #6b46e5, #6b46e5 50%, transparent 50%); }
.bar.bar-dark {
    border-color: #111;
    background-color: #444444;
    background-image: linear-gradient(0deg, #111, #111 50%, transparent 50%);
    color: #fff; }
.bar.bar-dark .title {
    color: #fff; }
.bar.bar-dark.bar-footer {
    background-image: linear-gradient(180deg, #111, #111 50%, transparent 50%); }
.bar .title {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
    margin: 0 10px;
    min-width: 30px;
    height: 43px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 17px;
    font-weight: 500;
    line-height: 44px; }
.bar .title.title-left {
    text-align: left; }
.bar .title.title-right {
    text-align: right; }
.bar .title a {
    color: inherit; }
.bar .button, .bar button {
    z-index: 1;
    padding: 0 8px;
    min-width: initial;
    min-height: 31px;
    font-weight: 400;
    font-size: 13px;
    line-height: 32px; }
.bar .button.button-icon:before,
.bar .button .icon:before, .bar .button.icon:before, .bar .button.icon-left:before, .bar .button.icon-right:before, .bar button.button-icon:before,
.bar button .icon:before, .bar button.icon:before, .bar button.icon-left:before, .bar button.icon-right:before {
    padding-right: 2px;
    padding-left: 2px;
    font-size: 20px;
    line-height: 32px; }
.bar .button.button-icon, .bar button.button-icon {
    font-size: 17px; }
.bar .button.button-icon .icon:before, .bar .button.button-icon:before, .bar .button.button-icon.icon-left:before, .bar .button.button-icon.icon-right:before, .bar button.button-icon .icon:before, .bar button.button-icon:before, .bar button.button-icon.icon-left:before, .bar button.button-icon.icon-right:before {
    vertical-align: top;
    font-size: 32px;
    line-height: 32px; }
.bar .button.button-clear, .bar button.button-clear {
    padding-right: 2px;
    padding-left: 2px;
    font-weight: 300;
    font-size: 17px; }
.bar .button.button-clear .icon:before, .bar .button.button-clear.icon:before, .bar .button.button-clear.icon-left:before, .bar .button.button-clear.icon-right:before, .bar button.button-clear .icon:before, .bar button.button-clear.icon:before, .bar button.button-clear.icon-left:before, .bar button.button-clear.icon-right:before {
    font-size: 32px;
    line-height: 32px; }
.bar .button.back-button, .bar button.back-button {
    display: block;
    margin-right: 5px;
    padding: 0;
    white-space: nowrap;
    font-weight: 400; }
.bar .button.back-button.active, .bar .button.back-button.activated, .bar button.back-button.active, .bar button.back-button.activated {
    opacity: 0.2; }
.bar .button-bar > .button,
.bar .buttons > .button {
    min-height: 31px;
    line-height: 32px; }
.bar .button-bar + .button,
.bar .button + .button-bar {
    margin-left: 5px; }
.bar .buttons,
.bar .buttons.primary-buttons,
.bar .buttons.secondary-buttons {
    display: inherit; }
.bar .buttons span {
    display: inline-block; }
.bar .buttons-left span {
    margin-right: 5px;
    display: inherit; }
.bar .buttons-right span {
    margin-left: 5px;
    display: inherit; }
.bar .title + .button:last-child,
.bar > .button + .button:last-child,
.bar > .button.pull-right,
.bar .buttons.pull-right,
.bar .title + .buttons {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px; }

.platform-android .nav-bar-has-subheader .bar {
    background-image: none; }

.platform-android .bar .back-button .icon:before {
    font-size: 24px; }

.platform-android .bar .title {
    font-size: 19px;
    line-height: 44px; }

.bar-light .button {
    border-color: #ddd;
    background-color: white;
    color: #444; }
.bar-light .button:hover {
    color: #444;
    text-decoration: none; }
.bar-light .button.active, .bar-light .button.activated {
    border-color: #ccc;
    background-color: #fafafa; }
.bar-light .button.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #444;
    font-size: 17px; }
.bar-light .button.button-icon {
    border-color: transparent;
    background: none; }

.bar-stable .button {
    border-color: #b2b2b2;
    background-color: #f8f8f8;
    color: #444; }
.bar-stable .button:hover {
    color: #444;
    text-decoration: none; }
.bar-stable .button.active, .bar-stable .button.activated {
    border-color: #a2a2a2;
    background-color: #e5e5e5; }
.bar-stable .button.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #444;
    font-size: 17px; }
.bar-stable .button.button-icon {
    border-color: transparent;
    background: none; }

.bar-positive .button {
    border-color: #0c60ee;
    background-color: #387ef5;
    color: #fff; }
.bar-positive .button:hover {
    color: #fff;
    text-decoration: none; }
.bar-positive .button.active, .bar-positive .button.activated {
    border-color: #0c60ee;
    background-color: #0c60ee; }
.bar-positive .button.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #fff;
    font-size: 17px; }
.bar-positive .button.button-icon {
    border-color: transparent;
    background: none; }

.bar-calm .button {
    border-color: #0a9dc7;
    background-color: #11c1f3;
    color: #fff; }
.bar-calm .button:hover {
    color: #fff;
    text-decoration: none; }
.bar-calm .button.active, .bar-calm .button.activated {
    border-color: #0a9dc7;
    background-color: #0a9dc7; }
.bar-calm .button.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #fff;
    font-size: 17px; }
.bar-calm .button.button-icon {
    border-color: transparent;
    background: none; }

.bar-assertive .button {
    border-color: #e42112;
    background-color: #ef473a;
    color: #fff; }
.bar-assertive .button:hover {
    color: #fff;
    text-decoration: none; }
.bar-assertive .button.active, .bar-assertive .button.activated {
    border-color: #e42112;
    background-color: #e42112; }
.bar-assertive .button.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #fff;
    font-size: 17px; }
.bar-assertive .button.button-icon {
    border-color: transparent;
    background: none; }

.bar-balanced .button {
    border-color: #28a54c;
    background-color: #33cd5f;
    color: #fff; }
.bar-balanced .button:hover {
    color: #fff;
    text-decoration: none; }
.bar-balanced .button.active, .bar-balanced .button.activated {
    border-color: #28a54c;
    background-color: #28a54c; }
.bar-balanced .button.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #fff;
    font-size: 17px; }
.bar-balanced .button.button-icon {
    border-color: transparent;
    background: none; }

.bar-energized .button {
    border-color: #e6b500;
    background-color: #ffc900;
    color: #fff; }
.bar-energized .button:hover {
    color: #fff;
    text-decoration: none; }
.bar-energized .button.active, .bar-energized .button.activated {
    border-color: #e6b500;
    background-color: #e6b500; }
.bar-energized .button.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #fff;
    font-size: 17px; }
.bar-energized .button.button-icon {
    border-color: transparent;
    background: none; }

.bar-royal .button {
    border-color: #6b46e5;
    background-color: #886aea;
    color: #fff; }
.bar-royal .button:hover {
    color: #fff;
    text-decoration: none; }
.bar-royal .button.active, .bar-royal .button.activated {
    border-color: #6b46e5;
    background-color: #6b46e5; }
.bar-royal .button.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #fff;
    font-size: 17px; }
.bar-royal .button.button-icon {
    border-color: transparent;
    background: none; }

.bar-dark .button {
    border-color: #111;
    background-color: #444444;
    color: #fff; }
.bar-dark .button:hover {
    color: #fff;
    text-decoration: none; }
.bar-dark .button.active, .bar-dark .button.activated {
    border-color: #000;
    background-color: #262626; }
.bar-dark .button.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #fff;
    font-size: 17px; }
.bar-dark .button.button-icon {
    border-color: transparent;
    background: none; }

.bar-header {
    top: 0;
    border-top-width: 0;
    border-bottom-width: 1px; }
.bar-header.has-tabs-top {
    border-bottom-width: 0px;
    background-image: none; }

.tabs-top .bar-header {
    border-bottom-width: 0px;
    background-image: none; }

.bar-footer {
    bottom: 0;
    border-top-width: 1px;
    border-bottom-width: 0;
    background-position: top;
    height: 44px; }
.bar-footer.item-input-inset {
    position: absolute; }
.bar-footer .title {
    height: 43px;
    line-height: 44px; }

.bar-tabs {
    padding: 0; }

.bar-subheader {
    top: 44px;
    height: 44px; }
.bar-subheader .title {
    height: 43px;
    line-height: 44px; }

.bar-subfooter {
    bottom: 44px;
    height: 44px; }
.bar-subfooter .title {
    height: 43px;
    line-height: 44px; }

.nav-bar-block {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9; }

.bar .back-button.hide,
.bar .buttons .hide {
    display: none; }

.nav-bar-tabs-top .bar {
    background-image: none; }
